// 首页适配
@media screen and (max-width: 1260px) {
    .toolBar {
        right: 45px !important;

        .backtop {
            right: 50px !important;
        }
    }
}

@media screen and (max-width: 1010px) {
    .Swiper {
        height: 450px !important;
    }

    .StarrySky {
        height: 450px !important;
    }
}

@media screen and (max-width: 800px) {
    .Swiper {
        height: 280px !important;

        #typed {
            font-size: 20px !important;
        }

        .title {
            font-size: 20px !important;
            padding-bottom: 0 !important;
        }
    }

    .StarrySky {
        height: 280px !important;
    }

    .toolBar {
        right: 20px !important;
        width: 40px !important;

        .item {
            font-size: 20px !important;
        }

        .backtop {
            width: 20px !important;
            height: 20px !important;
            right: 30px !important;
            bottom: 160px !important;

            img {
                width: 20px !important;
            }
        }
    }
}

@media screen and (max-width: 600px) {
    .Empty {
        width: 150px !important;
    }
}

@media screen and (max-width: 500px) {
    .main {
        padding: 20px 10px !important;

        .classics .item {
            .info {
                width: 100% !important;
                padding: 20px 40px !important;
            }

            .cover {
                display: none !important;
            }
        }
    }

    .article {
        padding: 30px 20px !important;
    }
}
